Ext.define('SistIntegral.Semovientes.Panel',{

alias			: "FrmTipo",
forward			: true,
             
        
Panel      :   function(){

function renderArete(value, p, record) {
    
return Ext.String.format(
'<div style="display: block;white-space: normal;">Microchip: '+value+
('</br>Establo: <span style="color:#666666;">'+record.data.AreteEstablo+ '</span>')+
('</br>Nombre: <span style="color:#666666;">'+record.data.Nombre+ '</span>')
+'</div>'
);
}

function renderRazaCategoria(value, p, record) {
    
return Ext.String.format(
'<div style="display: block;white-space: normal;">Raza: '+value+
('</br>Categoria: <span style="color:#666666;">'+record.data.categoria+ '</span>')
+'</div>'
);
}

function renderDescSemoviente(value, p, record) {
    
return Ext.String.format(
'<div style="display: block;white-space: normal;">Desc: '+value+
('</br>Estado: <span style="color:#666666;">'+record.data.NomEstadoSemoviente+ '</span>')
+'</div>'
);
}

function renderPesoValor(value, p, record) {
    
return Ext.String.format(
'<div style="display: block;white-space: normal;">Peso: '+value+' Kg'+
('</br>Valor: S/. <span style="color:#666666;">'+Ext.util.Format.number(record.data.Valor,'0.00')+ '</span>')
+'</div>'
);
}


if(!Ext.getCmp('pnlSemovientes')){
 
 var StoreSemoviente = Ext.create('Ext.data.Store', {
    model: 'Semoviente',
    pageSize:25,
    groupField: 'GProy',
    proxy: {
    type: 'ajax',
    url: 'semoviente/Index/',
    reader: {type: 'json',root: 'grid'}}
});
 
    var GridSemoviente = Ext.create('Ext.grid.Panel',{
      id:       'GridSemoviente',
      store:    StoreSemoviente,
      border:   false,
      stateful :false,
      columnLines:true,
      layout:   'fit',
      
      features: [{
              id:'group',
              ftype:'groupingsummary',
              groupHeaderTpl:'{name}'
      }],
      
      bbar:Ext.create('Ext.PagingToolbar',{store:StoreSemoviente,displayInfo: true,
            displayMsg: 'Registros {0} - {1} de {2}',
            emptyMsg: "No Existe Semovientes para Mostrar"}),
      
      columns: [
        {text:'Identificacion',width:200,dataIndex:'AreteMicrochip',renderer:renderArete},
        {text:'Raza Categoria',width:200,dataIndex:'raza',renderer:renderRazaCategoria},
        {text:'Descripcion',width:200,dataIndex:'DescSemoviente',renderer:renderDescSemoviente},
        {text:'Peso Costo',width:200,dataIndex:'Peso',renderer:renderPesoValor},
        {text:'Ubicacion',width:200,dataIndex:'PYUbicacion'},
      ]
    });
    
    StoreSemoviente.load();

GridSemoviente.on('itemdblclick', function (store, record, item, index, e, eOpts) {
    //Ext.getCmp('FrmPCTipo').loadRecord(records[0]);
    var btn ={};
    btn.record = record;
    new SistIntegral.Semovientes.DetalleSemoviente().Panel(btn);
});

 var panel = Ext.create('Ext.panel.Panel', {
        id:'pnlSemovientes',
        title:'Semovientes',
        layout:'fit',
        //closable:true,
        tbar: Ext.create('Ext.toolbar.Toolbar', {
            layout: {
                overflowHandler: 'Menu'
            },
            items: [{
            xtype: 'buttongroup',
            title: 'Mantenimiento',
            columns: 3,
            height:73,
            bodyPadding:3,
            defaults: {
                iconAlign: 'top'
                //,scale: 'small'
            },
            items: [{
                text: 'Agregar',iconCls: 'agregar',itemId:'create',
                hrefTarget:'semoviente/create',
                handler : function (btn) {
                    //alert('Agregar Registro');
                    new SistIntegral.Semovientes.Form().Window(btn);
                }
            },{
                text: 'Editar',iconCls: 'editar',itemId:'edit',
                hrefTarget:'semoviente/edit/',
                handler : function (btn) {
                    new SistIntegral.Semovientes.Form().Window(btn);
                    //alert('Editar Registro');
                }
            },{
                text: 'Eliminar',iconCls: 'eliminar',itemId:'eliminar',
                hrefTarget:'semoviente/eliminar/',
                handler : function (btn) {
                    //new SistIntegral.Semovientes.FormVenta().Window(btn);
                }
            }]
        },'->','-'

        ]
        }),
        bodyBorder: false,
        items:GridSemoviente,
        border:false
});

    Ext.getCmp('PnlInventario').removeAll();
    Ext.getCmp('PnlInventario').add(panel);
    Ext.getCmp('PnlInventario').setActiveTab(panel);   
}
else{
    Ext.getCmp('PnlInventario').setActiveTab(Ext.getCmp('pnlSemovientes'));
}
}
});